塗りつぶしから文字が出てくるのが面白い CHOCOLATE CHEESE TART

https://cheesetart.com/lp/valentine2019/

期間限定のチョコレートチーズタルトの特設ページです。

マネしたいポイント

塗り潰しになっているテキストがスクロールすると塗りつぶしが右に消えていって、現れてきます。文字だけでなく、画像も同じように右に切り替わるようなエフェクトがかかっています。

応用できそうな場面

隠れているものがスクロールに応じて現れてくるので、期待感を高めます。プレゼントのようさそうな商品を扱っているサイトなどに応用できそうです。このサイトはバレンタイン用の商品です。

懸念点

スクロールの閾値をうまく調整し、良いタイミングで切り替わらないとユーザーをイライラさせてしまう恐れがあります。

  • Twitter Share
  • Facebook Share
  • Line Share